<template>
	<view class="page">
		<u-navbar title="配网" border @leftClick="$utils.back()" placeholder>
		</u-navbar>
	<!-- 	<view class="device-init-container">
		  <view class="device-init-title">设备初始化 </view>
		
		    <view class="device-init-sketch">
		      <image class="pic" src="@/camera/static/image/deviceInit.gif" />
		      <view class="tip">
		        <view>请将设备插上电源后，耐心等待1分钟</view>
		        <view>直到蓝色指示灯闪烁</view>
		      </view>
		    </view>
		  <view class="device-init-footer">
		    <view class="tip">
		      <van-checkbox value="{{ tipChecked }}" bind:change="tipChange">确认蓝色指示灯已闪烁</van-checkbox>
		      <view class="tooltip" wx:if="{{tipShow == true}}">请先勾选设备状态才可进行下一步操作</view>
		    </view>
		    <van-button size="large" type="info" bind:click="connectWifi" >下一步</van-button>
		    <navigator url="/packageD/pages/deviceReset/index">
		      <view class="des note">蓝色指示灯没闪烁?</view>
		    </navigator>
		  </view>
		  
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.page {
		padding: 0rpx 20rpx;
		height: 100vh;
		padding-bottom: calc(constant(safe-area-inset-bottom) + 10rpx);
		/* 兼容 iOS 设备 */
		padding-bottom: calc(env(safe-area-inset-bottom) + 10rpx);
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
	}
.device-init-container {
  height: 100vh;
  box-sizing: border-box;
  padding: 16px 16px 50px;
  position: relative;
}

.device-init-container .device-init-title {
  font-size: 22px;
  color: #222222;
  text-align: center;
  line-height: 22px;
  font-weight: 500;
}

.device-init-container .device-init-sketch{
  margin-top: 32px;
}

.device-init-sketch .pic {
  display: block;
  width: 100%;
  height: 440rpx;
  margin: 0 auto;
}

.device-init-sketch .tip {
  margin-top: 24px;
  font-size: 14px;
  color: #222222;
  text-align: center;
  line-height: 22px;
  font-weight: 400;
}

.device-init-container .device-init-footer{
  position: absolute;
  bottom: 50px;
  left: 16px;
  right: 16px;
}

.device-init-container .device-init-footer .tip{
  font-size: 14px;
  color: #666666;
  line-height: 14px;
  font-weight: 400;
  margin-bottom: 16px;
  position: relative;
}

.device-init-container .device-init-footer .tip .tooltip {
  position: absolute;
  bottom: 34px;
  left: -12px;
  background: rgba(0,0,0,0.80);
  border-radius: 8px;
  padding: 13px 16px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 14px;
  font-weight: 400;
}

.device-init-container .device-init-footer .tip .tooltip::before {
  content: '';
  display: block;
  position: absolute;
  bottom: -6px;
  left: 16px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(0,0,0,0.80);
}


.device-init-container .device-init-footer .des{
  margin-top: 16px;
  font-size: 16px;
  text-align: center;
  line-height: 16px;
  font-weight: 400;
}

.device-init-container .device-init-footer .des.note{
  color: #3E80FE;
}
</style>
